<!--
	作者：2575202388@qq.com
	时间：2018-10-16
	描述：公用导航组件
-->
<template>
	<Row class="nav">
		<div v-if="showtitle" class="nav-title">
			<span class="nav-title-font">   
				{{title}}
            </span>
			<Icon type="ios-arrow-forward" />
		</div>
		<ul class="nav-ul">
			<slot></slot>
		</ul>
	</Row>

</template>

<script>
	export default {
		name: "Navigationbase",
		props: {
			title: {
				type: String,
				default: ""
			},
			showtitle: {
				type: Boolean,
				default: false
			}
		}
	}
</script>

<style scoped="scoped">
	.nav {
		overflow: hidden;
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		font-weight: 500;
		background: #f9fafe;
		border-bottom: 1px #dcdedd solid;
	}
	
	.nav-title {
		float: left;
		padding-left: 30px;
	}
	
	.nav-title-font {
		color: #0023FB;
	}
	
	.nav-ul {
		float: left;
		list-style: none;
	}
</style>